<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>冷算体·Sen｜性能链路自测</title>
  <link rel="stylesheet" href="style.css"/>
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>

<body>
<div class="layout">

  <!-- 左侧：题目 -->
  <div class="left-panel">
    <h2 class="title">A级性能链路自测</h2>
    <p class="lead">共 10 题｜滑动评分 1-5 分｜系统会随机抽题</p>

    <form id="testform" class="form"></form>

    <button id="generateBtn" class="btn">生成性能雷达与行动策略</button>
  </div>

  <!-- 右侧：雷达与诊断 -->
  <div class="right-panel">

    <h2 class="title-sm">性能链路雷达（多维）</h2>
    <div class="radar-box">
      <canvas id="radarChart"></canvas>
    </div>

    <div class="result-box">
      <h3 class="block-title">系统诊断</h3>
      <p id="diagnosis" class="text"></p>

      <h3 class="block-title">行动建议（3天可见变化）</h3>
      <ul id="actions" class="action-list"></ul>
    </div>

  </div>

</div>

<script src="script.js"></script>
</body>
</html>
